<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>曾正的个人介绍</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<style>
    .all{
        border: black solid 1px;
        width: 600px;
        height: 300px;
        align-content: center;
    }
    span{
        font-size: 24px;
        color: brown;
        font-weight: bold;
    }
    em{
        font-size: 8px;
        color: gray;
    }
</style>
<body>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal_content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    ×
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    曾正的光辉事迹
                </h4>
            </div>
            <div class="modal_body">
                <h1>无</h1>
            </div>
            <div class="modal_footer">
                <button type="button" class="modal_btn2" data-dismiss="modal" >关闭</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<div class="all">
    <h1>大家好，我是<span>曾正</span>，<em>杨浩兰是小傻瓜</em></h1>
    <button data-target="#myModal" class="btn btn-disabled">点击了解</button>
</div>
</body>
</html>